﻿<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" Inherits="ProcolDemo.Projects" Title="Projects" Codebehind="Projects.aspx.cs" EnableEventValidation="False" %>
<%@ Import Namespace="ProcolDemo.ProjectsReference"%>
<%@ Import Namespace="ProcolServices"%>

<asp:Content ID="Content1" ContentPlaceHolderID="PHtitle" runat="Server">
    Projects
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="PHCSS" runat="Server">
    <link rel="stylesheet" href="CSS/index.css" type="text/css" media="screen" />
</asp:Content>


<asp:Content ID="Content3" ContentPlaceHolderID="PHsidebar" runat="Server">
<asp:HiddenField ID="userRoleField" runat="server" />  <!-- cambiar de lugar -->
    <div id="projectsTags">
        <table width="200">
        <tr>
            <td align="center"><h2>T A G S</h2><br /></td>
        </tr>
        <asp:Repeater ID="ProjectTagsSidebar" runat="server">
            <ItemTemplate>
            <tr><td style="padding-top:3px; padding-left:10px" align="left">
                <a href="Projects.aspx?op=tag&idTag=<%# ((ProjectTagBean)Container.DataItem).idTag %>">
                <%# ((ProjectTagBean)Container.DataItem).text %></a>
                (<%# ((ProjectTagBean)Container.DataItem).number %>)
            </td></tr>
            </ItemTemplate>
        </asp:Repeater>
        </table>
    </div>
</asp:Content>


<asp:Content ID="Content4" ContentPlaceHolderID="PHcontent" runat="Server">

    <!--   SEARCH   -->
    <div id="searchProject" runat="server" class="contentContainer">
        <asp:Panel ID="PanelSearch" runat="server">
            <table width="651"><tr>
            <td align="left" style="padding-left:50px; padding-top:10px;">
            <asp:TextBox ID="txtSearch" runat="server" BorderWidth="1px" Width="200" autocomplete="off"
                onkeypress="return CkKeyPress(event);" onkeydown="return CkKeyPress(event);"
                Font-Size="12px" AutoCompleteType="Disabled" AutoPostBack="True"
                BackColor="White" OnTextChanged="txtSearch_TextChanged" />
            <asp:Button ID="SimpleSearch" runat="server" Text="Search" 
                onclick="SimpleSearch_Click" />
            </td>
            <td align="right">
            <div id="advancedSearchTitle" runat="server">
            <h1>Advanced Search
            <asp:Image ID="searchProjectsExpColImg" runat="server" ImageUrl="~/images/expand.jpg" />
            </h1>
            </div>
            </td>
            </tr></table>
        </asp:Panel>
        <asp:Panel ID="searchProjectsPanel" runat="server">
            <br /><br />
            <center>
            <table width="600" style="border-width:0px;">
                <tr height="40">
                <td width="50%" align="right"><span class="h2projects">Category:</span></td>
                <td width="50%" align="left">
                    <select name="cathgory" style="width:150px">
                    <option>&nbsp;</option>
                    <option>Computer</option>
                    <option>Economy</option>
                    <option>Science</option>
                    <option>Design</option>
                    <option>Art</option>
                    <option>Social</option>
                    </select>
                </td>
                </tr>
                <tr height="40">
                <td width="50%" align="right"><span class="h2projects">Status:</span></td>
                <td width="50%" align="left">
                    <select name="major" style="width:150px">
                        <option>&nbsp;</option>
                        <option>Active and available</option>
                        <option>Active and closed</option>
                        <option>Inactive and available</option>
                        <option>Inactive and closed</option>
                    </select>
                </td>
                </tr>
                <tr height="40">
                <td align="center" colspan="2">
                    <asp:Button runat="server" id="AdvancedSearch" CssClass="MyTeams" text="search" />
                </td>
                </tr>
            </table>
            </center>
        </asp:Panel>
        <ajaxToolkit:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="Server"
            TargetControlID="searchProjectsPanel"
            CollapsedSize="0"
            ExpandedSize="200"
            Collapsed="True"
            ExpandControlID="advancedSearchTitle"
            CollapseControlID="advancedSearchTitle"
            AutoCollapse="False"
            AutoExpand="False"
            ImageControlID="searchProjectsExpColImg"
            ExpandedImage="~/images/collapse.jpg"
            CollapsedImage="~/images/expand.jpg"
            ExpandDirection="Vertical"/>
        <ajaxToolkit:AutoCompleteExtender ID="txtSearch_AutoCompleteExtender" runat="server"
            DelimiterCharacters="" Enabled="True" ServicePath="~/Proxies/ProjectsProxy.asmx"
            ServiceMethod="GetProjectsNames" TargetControlID="txtSearch" MinimumPrefixLength="1"
            CompletionInterval="1" />
    </div>
    
    <!--   MY PROJECTS   -->
    <div id="myProjects" runat="server" class="contentContainerFollow">
        <asp:Panel ID="MyProjectsHeaderPanel" runat="server">
            <h1>My Projects
            <asp:Image ID="MyProjectsPanelExpImg" runat="server" ImageUrl="~/images/expand.jpg" />
            </h1>
        </asp:Panel>
        <asp:Panel ID="MyProjectsBodyPanel" runat="server">
            <br />
            <center>
            <table align="center" width="600" style="border-width:1px; border-collapse:collapse;">
                <tr bgcolor="#808080">
                    <td width="73%" style="border-width:1px; border-style:solid; border-color:#FFFFFF;" height="30" align="center"><span style="color:White; font-weight:bold;">Nombre</span></td>
                    <td width="15%" style="border-width:1px; border-style:solid; border-color:#FFFFFF;" height="30" align="center"><span style="color:White; font-weight:bold;">Fecha</span></td>
                    <td width="12%" style="border-width:1px; border-style:solid; border-color:#FFFFFF;" height="30" align="center"><span style="color:White; font-weight:bold;">Opciones</span></td>
                </tr>
                <asp:Repeater ID="ShowMyProjects" runat="server">
                    <ItemTemplate>
                        <tr bgcolor="#EFEFEF" onmouseover="this.bgColor='#CCCCCC';" onmouseout="this.bgColor='#EFEFEF';">
                            <td style="border-width:1px; border-style:solid; border-color:#FFFFFF; cursor:pointer" height="30" width="55%" onclick="document.location.href='Projects.aspx?op=projectInfo&projectId=<%# ((ProjectBean)Container.DataItem).projectId %>';">
                                &nbsp;
                                <%# ((ProjectBean)Container.DataItem).name %>
                            </td>
                            <td style="border-width:1px; border-style:solid; border-color:#FFFFFF;" height="30" width="15%" align="center">
                                <%# ((ProjectBean)Container.DataItem).dateCreated.Day %>/<%# ((ProjectBean)Container.DataItem).dateCreated.Month %>/<%# ((ProjectBean)Container.DataItem).dateCreated.Year %>
                            </td>
                            <td style="border-width:1px; border-style:solid; border-color:#FFFFFF;" height="30" width="15%" align="center">
                                <% if (userRoleField.Value.Equals("0")){ %><a href="Projects.aspx?op=editProject&projectId=<%# ((ProjectBean)Container.DataItem).projectId %>"><img id="editButton" src="~/images/edit.png" runat="server" onclick="" title="Edit Project" /></a><% } %>
                                <% if (userRoleField.Value.Equals("1")){ %>&nbsp;<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/images/delete.png" title="Delete Project" CommandArgument="<%# ((ProjectBean)Container.DataItem).projectId %>" /><% } %><!-- OnCommand="deleteProject_Click"-->
                            </td>
                        </tr>
                    </ItemTemplate>
                </asp:Repeater>
            </table>
            </center>            
        </asp:Panel>
        <ajaxToolkit:CollapsiblePanelExtender ID="cpeCreateInterests" runat="Server"
            TargetControlID="MyProjectsBodyPanel"
            CollapsedSize="0"
            Collapsed="False"
            ExpandControlID="MyProjectsHeaderPanel"
            CollapseControlID="MyProjectsHeaderPanel"
            AutoCollapse="False"
            AutoExpand="False"
            ImageControlID="MyProjectsPanelExpImg"
            ExpandedImage="~/images/collapse.jpg"
            CollapsedImage="~/images/expand.jpg"
            ExpandDirection="Vertical" />  
    </div>
    
    <!--   SEARCHING FOR A TAG   -->
    <div id="searchForTag" runat="server" class="contentContainer">
        <h1>Tag: <asp:Label ID="searchForTag_TagName" runat="server" /></h1>
        <br />
        <center>
        <table align="center" width="600" style="border-width:1px; border-collapse:collapse;">
            <tr bgcolor="#808080">
                <td width="85%" style="border-width:1px; border-style:solid; border-color:#FFFFFF;" height="30" align="center"><span style="color:White; font-weight:bold;">Nombre</span></td>
                <td width="15%" style="border-width:1px; border-style:solid; border-color:#FFFFFF;" height="30" align="center"><span style="color:White; font-weight:bold;">Fecha</span></td>
            </tr>
            <asp:Repeater ID="searchForTagTable" runat="server">
                <ItemTemplate>
                    <tr bgcolor="#EFEFEF" onmouseover="this.bgColor='#CCCCCC';" onmouseout="this.bgColor='#EFEFEF';">
                        <td style="border-width:1px; border-style:solid; border-color:#FFFFFF; cursor:pointer" height="30" width="55%" onclick="document.location.href='Projects.aspx?op=projectInfo&projectId=<%# ((ProjectBean)Container.DataItem).projectId %>';">
                            &nbsp;
                            <%# ((ProjectBean)Container.DataItem).name %>
                        </td>
                        <td style="border-width:1px; border-style:solid; border-color:#FFFFFF;" height="30" width="15%" align="center">
                            <%# ((ProjectBean)Container.DataItem).dateCreated.Day %>/<%# ((ProjectBean)Container.DataItem).dateCreated.Month %>/<%# ((ProjectBean)Container.DataItem).dateCreated.Year %>
                        </td>
                    </tr>
                </ItemTemplate>
            </asp:Repeater>
        </table>
        </center>
    </div>

    <!--   RESULTS   -->
    <div id="results" runat="server">
        <br />
        <center>
        <table align="center" width="650" style="border-width:1px; border-collapse:collapse;">
            <tr bgcolor="#808080">
                <td width="65%" style="border-width:1px; border-style:solid; border-color:#FFFFFF;" height="30" align="center"><span style="color:White; font-weight:bold;">Nombre</span></td>
                <td width="20%" style="border-width:1px; border-style:solid; border-color:#FFFFFF;" height="30" align="center"><span style="color:White; font-weight:bold;">Status*</span></td>
                <td width="15%" style="border-width:1px; border-style:solid; border-color:#FFFFFF;" height="30" align="center"><span style="color:White; font-weight:bold;">Fecha</span></td>
            </tr>
            <asp:Repeater ID="ShowResults" runat="server">
                <ItemTemplate>
                    <tr bgcolor="#EFEFEF" onmouseover="this.bgColor='#CCCCCC';" onmouseout="this.bgColor='#EFEFEF';">
                        <td style="border-width:1px; border-style:solid; border-color:#FFFFFF; cursor:pointer" height="30" width="55%" onclick="document.location.href='Projects.aspx?op=projectInfo&projectId=<%# ((ProjectBean)Container.DataItem).projectId %>';">
                            &nbsp;
                            <%# ((ProjectBean)Container.DataItem).name %>
                        </td>
                        <td style="border-width:1px; border-style:solid; border-color:#FFFFFF;" height="30" width="15%" align="center">
                            <%# ((ProjectBean)Container.DataItem).statusText %>
                        </td>
                        <td style="border-width:1px; border-style:solid; border-color:#FFFFFF;" height="30" width="15%" align="center">
                            <%# ((ProjectBean)Container.DataItem).dateCreated.Day %>/<%# ((ProjectBean)Container.DataItem).dateCreated.Month %>/<%# ((ProjectBean)Container.DataItem).dateCreated.Year %>
                        </td>
                    </tr>
                </ItemTemplate>
            </asp:Repeater>
        </table>
        </center>
        <br /><br />
        *Activo/Inactivo = Actualmente trabajándose o no.<br />
        *Disponible/Cerrado = Se pueden o no agregar alumnos al proyecto.
    </div>
    
    <!--   DISPLAY PROJECT'S INFORMATION   -->
    <div id="projectInfo" runat="server" class="contentContainerFollow">
        <asp:HiddenField ID="projectStatusField" runat="server" />
        <asp:HiddenField ID="isOwner" runat="server" />
        <asp:HiddenField ID="isPartOfProject" runat="server" />
        <asp:HiddenField ID="isTutorField" runat="server" />
        <asp:HiddenField ID="projectIdField" runat="server" />
        <h1><asp:Label ID="displayProject_projectName" runat="server" />
        <% if(isPartOfProject.Value.Equals("true")){ %><asp:Image ID="ImPartOfThis" runat="server" ImageUrl="~/images/tick.png" title="I'm part of this project" /><% } %>
        </h1>
        <br />
        <center>
            <br />
            <table class="contentTable" width="550">
                <tr height="20" valign="top">
                    <td align="right" width="25%"><span class="editProjects">Rating:</span></td>
                    <td align="left" width="75%" colspan="2">
                        <img id='star1' src='~/images/star.gif' runat='server' /><img id='star2' src='~/images/star.gif' runat='server' /><img id='star3' src='~/images/star.gif' runat='server' /><img id='star4' src='~/images/star.gif' runat='server' /><img id='star5' src='~/images/star.gif' runat='server' />
                    </td>
                </tr>
                <tr height="20" valign="top">
                    <td align="right"><span class="editProjects">Status:</span></td>
                    <td align="left" width="75%" colspan="2">
                        <asp:Label ID="displayProject_statusText" runat="server" class="editProjectsInput" />
                    </td>
                </tr>
                <tr height="20" valign="top">
                    <td align="right"><span class="editProjects">Category:</span></td>
                    <td align="left" width="75%" colspan="2">
                        <asp:Label ID="displayProject_projectCategory" runat="server" class="editProjectsInput" />
                    </td>
                </tr>
                <tr height="20" valign="top">
                    <td align="right"><span class="editProjects">Tutor:</span></td>
                    <td align="left" width="75%" colspan="2">
                        <asp:Label ID="displayProject_tutorName" runat="server" class="editProjectsInput" />
                        <asp:HyperLink ID="userProfileLink2" runat="server">
                            <img id="Img1" src= "~/images/user_info_tool_14.png" title="Ver Perfil" border="0" runat="server" />
                        </asp:HyperLink>
                    </td>
                </tr>
                <tr height="20" valign="top">
                    <td align="right"><span class="editProjects">Creator:</span></td>
                    <td align="left" width="75%" colspan="2">
                        <asp:Label ID="displayProject_projectOwner" runat="server" class="editProjectsInput" />
                        <asp:HyperLink ID="userProfileLink" runat="server">
                            <img id="Img2" src= "~/images/user_info_tool_14.png" title="Ver Perfil" border="0" runat="server" />
                        </asp:HyperLink>
                    </td>
                </tr>
                <tr height="20" valign="top">
                    <td align="right"><span class="editProjects">Creation date:</span></td>
                    <td align="left" width="75%" colspan="2">
                        <asp:Label ID="displayProject_projectCreationDate" runat="server" class="editProjectsInput" />
                    </td>
                </tr>
                <tr height="20" valign="top">
                    <td align="right" valign="top"><span class="editProjects">Tags:</span></td>
                    <td align="left" width="75%" colspan="2">
                        <asp:Label ID="displayProject_projectTags" runat="server" class="editProjectsInput" />
                    </td>
                </tr>
                <tr height="20" valign="top">
                    <td align="right" valign="top">
                        <span class="editProjects">Description:</span>
                    </td>
                    <td align="left" width="71%">
                        <asp:Panel ID="showProject_description_body" runat="server">
                            <asp:Label ID="displayProject_projectDescription" runat="server" class="editProjectsInput" />
                        </asp:Panel>
                    </td>
                    <td align="left" width="4%">
                        <asp:Panel ID="showProject_description_header" runat="server">
                            <br />
                            <asp:Image ID="projectDescriptionExpImg" runat="server" ImageUrl="~/images/expand.jpg" />
                        </asp:Panel>
                    </td>
                </tr>
            </table>
            <br />
            <table class="contentTable">
                <tr>
                    <% if (!isOwner.Value.Equals("true") && !projectStatusField.Value.Equals("4")){ %>
                        <td align="center" valign="top">
                            <a runat="server" id="subscribeLink"><img ID="subscribeButton" src="~/images/subscribe.png" runat="server" /><br /><span class="buttonsText">Subscribe</span></a>
                        </td>
                    <% } %>
                    
                    <% if (userRoleField.Value.Equals("0") && projectStatusField.Value.Equals("1") && !isPartOfProject.Value.Equals("true")){ %>
                        <td align="center" valign="top">
                            <a href="#"><img ID="requestAddMe" src="~/images/requestAddMe.png" runat="server" /><br /><span class="buttonsText">Request<br />Entrance</span></a>
                        </td>
                    <% } %>
                    
                    <% if (projectStatusField.Value.Equals("3")){ %>
                        <td align="center" valign="top">
                            <a href="#"><img ID="activateProject" src="~/images/activateProject.png" runat="server" /><br /><span class="buttonsText">Activate</span></a>
                        </td>
                    <% } %>
                    
                    <% if (userRoleField.Value.Equals("0") && isOwner.Value.Equals("true")){ %>
                        <td align="center" valign="top">
                            <asp:HyperLink ID="editProjectLink" runat="server"><img id="editButton" src="~/images/editBig.png" runat="server" /></asp:HyperLink><br /><span class="buttonsText">Edit</span></a>
                        </td>
                    <% } %>
                    
                    <% if (isTutorField.Value.Equals("true")){ %>
                        <td align="center" valign="top">
                            <a href="#"><img id="deleteButton" src="~/images/deleteBig.png" runat="server" /><br /><span class="buttonsText">Delete</span></a>
                        </td>
                    <% } %>
                    
                    <% if (isTutorField.Value.Equals("true") || ((projectStatusField.Value.Equals("1") || projectStatusField.Value.Equals("2")) && isPartOfProject.Value.Equals("true"))){ %>
                        <td align="center" valign="top">
                            <a href="#"><img id="attachFile" src="~/images/attachFile.png" runat="server" /><br /><span class="buttonsText">Attach<br />File</span></a>
                        </td>
                    <% } %>
                    
                    <% if (isTutorField.Value.Equals("true")){ %>
                        <td align="center" valign="top">
                            <a href="#"><img id="gradeProject" src="~/images/gradeProject.png" runat="server" /><br /><span class="buttonsText">Grade</span></a>
                        </td>
                    <% } %>
                </tr>
            </table>
            <br />
        </center>
        <ajaxToolkit:CollapsiblePanelExtender ID="ProjectDescriptionExtender" runat="Server"
            TargetControlID="showProject_description_body"
            CollapsedSize="35"
            Collapsed="True"
            ExpandControlID="showProject_description_header"
            CollapseControlID="showProject_description_header"
            AutoCollapse="False"
            AutoExpand="False"
            ImageControlID="projectDescriptionExpImg"
            ExpandedImage="~/images/collapse.jpg"
            CollapsedImage="~/images/expand.jpg"
            ExpandDirection="Vertical" />
    </div>
    
    <div id="projectMembersDiv" runat="server" class="contentContainerFollow">
        <asp:Panel ID="projectMembers_header" runat="server">
            <h1>Project Members
            <asp:Image ID="projectMemebrs_expImg" runat="server" ImageUrl="~/images/expand.jpg" /></h1>
        </asp:Panel>
        <asp:Panel ID="projectMembers_body" runat="server">
        </asp:Panel>
        <ajaxToolkit:CollapsiblePanelExtender ID="CollapsiblePanelExtender4" runat="Server"
            TargetControlID="projectMembers_body"
            CollapsedSize="0"
            Collapsed="True"
            ExpandControlID="projectMembers_header"
            CollapseControlID="projectMembers_header"
            AutoCollapse="False"
            AutoExpand="False"
            ImageControlID="projectMemebrs_expImg"
            ExpandedImage="~/images/collapse.jpg"
            CollapsedImage="~/images/expand.jpg"
            ExpandDirection="Vertical" />
    </div>
    
    <div id="projectFilesDiv" runat="server" class="contentContainerFollow">
        <asp:Panel ID="projectFiles_header" runat="server">
            <h1>Project Files
            <asp:Image ID="projectFiles_expImg" runat="server" ImageUrl="~/images/expand.jpg" /></h1>
        </asp:Panel>
        <asp:Panel ID="projectFiles_body" runat="server">
            <center><br /><br /><br />There are no files.<br /><br /><br /></center>
        </asp:Panel>
        <ajaxToolkit:CollapsiblePanelExtender ID="CollapsiblePanelExtender5" runat="Server"
            TargetControlID="projectFiles_body"
            CollapsedSize="0"
            Collapsed="True"
            ExpandControlID="projectFiles_header"
            CollapseControlID="projectFiles_header"
            AutoCollapse="False"
            AutoExpand="False"
            ImageControlID="projectFiles_expImg"
            ExpandedImage="~/images/collapse.jpg"
            CollapsedImage="~/images/expand.jpg"
            ExpandDirection="Vertical" />
    </div>
    
    <!--   SUBSCRIBE CONFIRMATION POP-UP   -->
    <asp:Panel ID="subscribeConfirmationPopUp" runat="server" CssClass="modalPopupComments" Style="display:none">
        <asp:Button ID="CancelButton2" runat="server" Text="Cancel" />
        <asp:Button ID="OkButton" runat="server" Text="OK" />
    </asp:Panel>
    
    <div id="similarProjects" runat="server" class="contentContainerFollow" visible="false">
        <asp:Panel ID="similarProjects_header" runat="server">
            <h1><asp:Label ID="AUTO_PROJECTS_SIMILAR" runat="server" />
            <asp:Image ID="silimarProjectsImgExp" runat="server" ImageUrl="~/images/expand.jpg" /></h1>
        </asp:Panel>
        <asp:Panel ID="similarProjects_body" runat="server">
            <br />
            <asp:DataList ID="dataSimilarProjects" runat="server" RepeatColumns="3" HorizontalAlign="Center"
                Width="75%" ShowFooter="False" ShowHeader="False">
                <ItemTemplate>
                    <center>
                        <a href="/Projects.aspx?op=projectInfo&projectId=<%# DataBinder.Eval(Container.DataItem, "Id") %>" title="<%# DataBinder.Eval(Container.DataItem, "Value") %>%" style="font-variant: small-caps">
                            <%# DataBinder.Eval(Container.DataItem, "Extra")%></a></center>
                </ItemTemplate>
            </asp:DataList>
        </asp:Panel>
        <ajaxToolkit:CollapsiblePanelExtender ID="CollapsiblePanelExtender2" runat="Server"
            TargetControlID="similarProjects_body"
            CollapsedSize="0"
            Collapsed="True"
            ExpandControlID="similarProjects_header"
            CollapseControlID="similarProjects_header"
            AutoCollapse="False"
            AutoExpand="False"
            ImageControlID="similarProjectsImgExp"
            ExpandedImage="~/images/collapse.jpg"
            CollapsedImage="~/images/expand.jpg"
            ExpandDirection="Vertical" />
    </div>
    
    <!--   DISPLAY PROJECT'S COMMENTS   -->
    <div id="displayComments" runat="server" class="contentContainerFollow">
        <asp:Panel ID="ProjectsCommentsHeaderPanel" runat="server">
            <table width="651"><tr>
            <td align="left" style="padding-left:50px; padding-top:10px;">
                <a href="#" id="newProjectLink" runat="server"><img id="Img3" src="~/images/newComment.png" runat="server" />&nbsp;<span class="buttonsText">New Comment</span></a>
            </td>
            <td align="right">
                <div id="ProjectsCommentsExpander" runat="server">
                <h1>Comments
                <asp:Image ID="ProjectsCommentsPanelExpImg" runat="server" ImageUrl="~/images/expand.jpg" /></h1>
                </div>
            </td></tr></table>
        </asp:Panel>
        <asp:Panel ID="ProjectsCommentsBodyPanel" runat="server">
            <center>
            <br /><br /><br />
            <table width="550">
            <div id="noComments" runat="server"></div>
            <asp:Repeater ID="displayProjectsComments" runat="server">
                <ItemTemplate>
                    <tr>
                        <td style="border-top: dotted thin Gray; padding-top:7px;">
                        <span class="commentTitle"><%# ((ProjectCommentBean)Container.DataItem).title %></span>
                        <br /><span class="commentSubTitle">Written by <%# ((ProjectCommentBean)Container.DataItem).creatorName %> - <%# ((ProjectCommentBean)Container.DataItem).dateCreated.Day %>/<%# ((ProjectCommentBean)Container.DataItem).dateCreated.Month %>/<%# ((ProjectCommentBean)Container.DataItem).dateCreated.Year %> - <%# ((ProjectCommentBean)Container.DataItem).dateCreated.Hour %>:<%# ((ProjectCommentBean)Container.DataItem).dateCreated.Minute %></span>
                        <br /><span class="commentBody"><%# ((ProjectCommentBean)Container.DataItem).comment %></span>
                        <br /><br />
                        </td>
                    </tr>
                </ItemTemplate>
            </asp:Repeater>
            </table>
            </center>
        </asp:Panel>
        <ajaxToolkit:CollapsiblePanelExtender ID="CollapsiblePanelExtender3" runat="Server"
            TargetControlID="ProjectsCommentsBodyPanel"
            CollapsedSize="0"
            Collapsed="True"
            ExpandControlID="ProjectsCommentsExpander"
            CollapseControlID="ProjectsCommentsExpander"
            AutoCollapse="False"
            AutoExpand="False"
            ImageControlID="ProjectsCommentsPanelExpImg"
            ExpandedImage="~/images/collapse.jpg"
            CollapsedImage="~/images/expand.jpg"
            ExpandDirection="Vertical" />
        <ajaxToolkit:ModalPopupExtender ID="newProjectPopUpExtender" runat="server"
            TargetControlID="newProjectLink"
            PopupControlID="newProjectPopUp"
            BackgroundCssClass="modalBackgroundComments" 
            DropShadow="true" 
            OkControlID="PostButton" 
            OnOkScript="onOk()"
            CancelControlID="CancelButton" />
    </div>
    
    <!--   NEW COMMENT POP-UP   -->
    <asp:Panel ID="newProjectPopUp" runat="server" CssClass="modalPopupComments" Style="display:none">
        <br />Please enter your comment:<br /><br />
        <asp:TextBox ID="newCommentText" runat="server" BorderWidth="1px"
            Width="300" BackColor="White" class="editProjectsInput" TextMode="MultiLine" Height="150" />
        <br /><br /><asp:Button ID="CancelButton" runat="server" Text="Cancel" />
        <asp:Button ID="PostButton" runat="server" Text="Post" />
        <br /><br />
    </asp:Panel>
    
    <!--   EDIT PROJECT'S INFORMATION   -->
    <div id="editProject" runat="server" class="contentContainer">
        <h1>Edit Project's Information</h1>
        <br />
        <center>
            <br /><br />
            <table class="contentTable" width="500">
                <tr height="30" valign="top">
                    <td width="35%" align="right"><span class="editProjects">Nombre:</span></td>
                    <td width="65%" align="left"><asp:TextBox ID="editProject_projectName" runat="server"
                        BorderWidth="1px" Width="300" BackColor="White" class="editProjectsInput" /></td>
                </tr>
                <tr height="30" valign="top">
                    <td align="right"><span class="editProjects">Category:</span></td>
                    <td align="left"><asp:TextBox ID="editProject_projectCategory" runat="server" BorderWidth="1px"
                        Width="300" BackColor="White" class="editProjectsInput" /></td>
                </tr>
                <tr height="30" valign="top">
                        <td align="right"><span class="newProject">Tutor:</span></td>
                        <td align="left">
                            <asp:DropDownList ID="editProjectTutorId" runat="server"
                                style="background-color:White; border-width:1px;" Width="305" />
                         </td>
                    </tr>
                <tr height="30" valign="top">
                    <td align="right"><span class="editProjects">Tags:</span>
                        <br /><span class="editProjects_Small">(separated by commas)</span></td>
                    <td align="left"><asp:TextBox ID="editProject_projectTags" runat="server" BorderWidth="1px"
                        Width="300" BackColor="White" class="editProjectsInput" /></td>
                </tr>
                <tr height="170" valign="top">
                    <td align="right" valign="top"><span class="editProjects">Description:</span></td>
                    <td align="left"><asp:TextBox ID="editProject_projectDescription" runat="server" BorderWidth="1px"
                        Width="300" BackColor="White" class="editProjectsInput" TextMode="MultiLine" Height="150" /></td>
                </tr>
                <tr height="30" valign="top">
                    <td>
                        <asp:TextBox ID="projectIdHidden" runat="server" Visible="False"></asp:TextBox>
                    </td>
                    <td align="center"><asp:Button ID="editProject_OKButton" runat="server" Text="OK" /></td><!-- OnClick="editProject_OKButton_Click" -->
                </tr>
            </table>
        </center>
    </div>
    
    <br />
    
    <!-- FILE UPLOAD
    <div>
    <asp:FileUpload ID="FileUpload" runat="server" /><br />
    <br />
    <asp:Button ID="FileUploadButton" runat="server" OnClick="ButtonFileUpload_Click" 
     Text="Upload File" />&nbsp;<br />
    <br />
    <asp:Label ID="lblFileUpload" runat="server"></asp:Label></div>
    -->
</asp:Content>